<html ng-app="soasuite">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <script type="text/javascript" src="js/angular.min.js"></script>
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/static.js"></script>
        <script type="text/javascript" src="js/soasuite.js"></script>

        <link rel="stylesheet" type="text/css" href="css/main.css">
        <title>SOA Suite</title>
    </head>
    <body>

        <!--
        <div ng-controller="PhoneListCtrl">

          <ul>
            <li ng-repeat="phone in phones">
              {{phone.name}}
              <p>{{phone.snippet}}</p>

            </li>
          </ul>
          Number {{number}};
          <span ng-click="test()" style="border:1px solid #000">click me</span>
        </div>
        -->

        <div id="header">
            <%@ include file="views/header.jsp" %>
        </div>
        <div id="contentwrapper">
            State: {{state}}
            <span ng-show="state==1">
                <div id="navigation">
                    <%@ include file="views/projects.jsp" %>
                </div>
                <div id="content">
                    content
                </div>
            </span>
            <span ng-show="state==2">
                <%@ include file="views/newproject.jsp" %>
            </span>
        </div>

    </body>
    <script>
        angular.module('soasuite',[]).
        factory('app', org.spindle.soasuite.main);
    </script>
</html>



